<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>News</title>
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/ticker-style.css" />
<!-- Chang URLs to wherever Video.js files will be hosted -->
  <link href="css/video-js.css" rel="stylesheet" type="text/css">
  <!-- video.js must be in the <head> for older IEs to work. -->
  <script src="js/video.js"></script>

  <!-- Unless using the CDN hosted version, update the URL to the Flash SWF -->
  <script>
    videojs.options.flash.swf = "video-js.swf";
  </script>
</head>

<body>
<div class="container clearfix">
	<div class="side-col">
    	<div class="block">
        <h3>
        	<span>
            	Video
            </span>
        </h3>
       <!-- <iframe width="95%" height="200" src="//www.youtube.com/embed/F40PEL7w-yw" frameborder="0" allowfullscreen></iframe> -->
       
       <video id="example_video_1" class="video-js vjs-default-skin" controls autoplay loop preload="auto"  width="640" height="264"
      poster="http://video-js.zencoder.com/oceans-clip.png"
      data-setup="{}">
    <source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' />
    <source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' />
    <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' />
    <track kind="captions" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 -->
    <track kind="subtitles" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 -->
    <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
  </video>
       
       
       
       
        </div>
        <div class="block">
        	<h3>
        	<span>
            	Calendar 
            </span>
        </h3>
        <div class="calendar clearfix">
                    	
                   	<ul>
                   	  <li>
                       	<div class="side-date">
                        	13
							<sub>APR</sub>
                        </div>
              			<div class="event">
                        	Collaborations with the University of Colorado, <br />USA                         
                        </div>
                      </li>
                      <li>
                       	<div class="side-date">
                        	08
							<sub>APR</sub>
                        </div>
              			<div class="event">
                        	Collaborations with the University of Colorado, <br />USA                        
                        </div>
                      </li>
                      <li>
                       	<div class="side-date">
                        	27
							<sub>APR</sub>
                        </div>
              			<div class="event">
                        	Collaborations with the University of Colorado, <br />USA                        
                        </div>
                      </li> 
                    </ul>
                                            
                   </div>
        </div>
    </div>
    <div class="main-col">
    	<div class="block">
        	<h3>
        	<span>
            	university NEWs
            </span>
            <div class="bg">
            	<div class="contentWrap">
                	<h4>
                	 Master Degree Available for
 Dentistry Graduates  Dentistry Graduates 
                </h4>
                <p>
                	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet pellentesque felis. Sed dictum ac metus vitae aliquam? 
Integer.
                </p>
                <h4>
                	 Master Degree Available for
 Dentistry Graduates   
                </h4>
                <p>
                	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet pellentesque felis. Sed dictum ac metus vitae aliquam? 
Integer sit amet dolor massa.
                </p>
                <h4>
                	 Master Degree Available for
 Dentistry Graduates  Dentistry Graduates 
                </h4>
                <p>
                	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet pellentesque felis. Sed dictum ac metus vitae aliquam? 
Integer 
                </p>
                <!--<h4>
                	 Master Degree Available for
 Dentistry Graduates 
                </h4>
                <p>
                	"   Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet pellentesque felis. Sed dictum ac metus vitae aliquam? 
Integer sit amet dolor massa. Donec euismod odio nec mauris dignissim, sit amet viverra neque convallis."
                </p>-->
                </div>
                
            </div>
        </h3>
        
        </div>
    </div>
</div>
<div class="footer">
	<div class="footer-content">
    	<div class="fooer-cont clearfix">
        	<img src="images/logo.png" alt="" class="logo"  />
            <div class="news-strip">News</div>
            <ul id="js-news" class="js-hidden">
		<li class="news-item">jQuery News Ticker is now compatible with jQuery 1.3.2! See below for further details and for latest download. </li>
		<li class="news-item">jQuery News Ticker now has support for right-to-left languages!</li>
		<li class="news-item">jQuery News Ticker now has support for loading content via an RSS feed!</li>
		<li class="news-item">jQuery News Ticker now has an optional fade effect between items!</li>
		<li class="news-item">New updates have been made to jQuery News Ticker! Check below for more details!</li>
		<li class="news-item">jQuery News Ticker is now compatible with jQuery 1.3.2! See below for further details and for latest download. </li>
		<li class="news-item">Further updates to jQuery News Ticker are coming soon!</li>
	</ul>
        </div>
    </div>
</div>
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/jquery.ticker.js"></script>
<script src="js/scripts.js"></script>
</body>
</html>
